<template>
	<view class="tab" :style="{'backgroundColor': bgColor}">
		<view class="icon">
			<image :src="img" mode="widthFix"></image>
		</view>
	</view>
</template>

<script setup>
	import {
		defineProps
	} from "vue"
	const props = defineProps({
		img: {
			type: String,
			default: "/static/images/编组 11.png"
		},
		bgColor: {
			type: String,
			default: "#F7F9FF"
		}
	})
</script>

<style lang="scss" scoped>
	.tab {
		width: 96rpx;
		height: 96rpx;
		border-radius: 24rpx;
		display: flex;
		justify-content: center;
		align-items: center;

		.icon {
			width: 56rpx;

			image {
				width: 100%;
			}
		}
	}
</style>